<style lang="less" scoped>
	.store-box {
		width: 100%;
		height: 100%;
		background: #fff;
		display: flex;
		flex-direction: column;
		.store-box_info {
			width: 100%;
			height: 147px;
			display: flex;
			flex-direction: column;
			border-bottom: 1px solid #f0f0f0;
			
			.ban-icon {

				height: 81px;
				display: flex;
				align-items: center;
				justify-content: center;
				position: relative;
				img.icon {
					width: 81px;
					height: 81px;
					border-radius: 50px;
					margin-top: 60px;
					z-index: 30;
					display: inline-block;
				}
				.icon-img{
					width: 100%;
					height: 100%;
					left: 0;
					top: 0;
					bottom: 0;
					right: 0;
					position: absolute;
				}
			}
			.ban-user {
				flex: 1;
				justify-content: center;
				align-items: center;
				text-align: center;
				display: flex;
				font-size: 13px;
				padding-top: 25px
			}
		}
		.store-box_msg {
			flex: 1;
			display: flex;
			padding: 25px 20px 0px;
			box-sizing: border-box;
			flex-direction: column;
			.msg-detail {
				word-wrap: break-word;
			}
		}
		.st-btn{
			width: 100%;
            height: 50px;
            line-height: 50px;
            background: #7A1634;
			text-align: center;
			color: #fff;
            border-radius: none;
		}
	}
</style>
<template>
	<div class="store-box">
		<div class="store-box_info">
			<div class="ban-icon">
				<img class="icon" model="widthFix" src="http://img2.imgtn.bdimg.com/it/u=425954437,8809201&fm=27&gp=0.jpg" />
				<img class="icon-img" :src="new_store_bgIcon" />
			</div>
			<div class="ban-user text-13"><span>店铺名: LEVEGE</span></div>
		</div>
		<div class="store-box_msg">
			<p class="text-14">店铺介绍</p>
			<div class="msg-detail text-13 tect-gray">
				xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
			</div>
		</div>
		<div class="st-btn" @click="replaceStore">更换店铺</div>
	</div>
</template>
<script>
	import new_store_bgIcon from '@/assets/images/new_store_bgIcon.png'
	export default {
		title: '所属店铺',
		data(){
			return {
				new_store_bgIcon:new_store_bgIcon
			}
		},
		methods: {

			replaceStore(){
				console.log(88)
				 wx.navigateTo({
					url: '/pages/replace-store/main'
				})
			}
		}
	}
</script>